import React from 'react';
//import ReactDOM from 'react-dom';
import { connect } from 'react-redux'
import { Button} from "antd-mobile"
//import fns from "./../store/asyncMethods"
//connect是连接对象
class Counter extends React.Component {//要渲染的组件
	constructor(props) {
		super(props);
		this.state = {
			meg: "213"
		}
	};
	render() {
		return (
			<div>
				<Button type="primary" onClick={this.GoDatiPage.bind(this)}>随即答题</Button>
				<Button type="primary" onClick={this.GoChuangGuan}>答题闯关</Button>
			</div>
		)
	};
	GoDatiPage() {
		//let List = fns.TouchList();//获取数据

		this.props.history.push("/dati")
	};
	GoChuangGuan() {
		console.log("456")
	}
};

//将要修改的数据映射到props函数
function mapStateToProps(state) {
	return {
		value: state.num
	}
}
//将要修改的数据的状态，映射到要修改的props方法
function mapDispatchToProps(dispatch) {
	return {
		onAddClick: () => {
			dispatch({ type: "add" })
		},
		onAddClick5: () => {
			dispatch({ type: "addNum", num: 5 })
		}
	}
}

/**
 * 第四步，将上面的这两个方法，
 * 将数据仓库的state和修改state的方法映射到组件上，形成新的组件
 */
//connect用于绑定刚才创建的映射关系
const App = connect(
	mapStateToProps,
	mapDispatchToProps
)(Counter)

export default App;